<template>
	<div class="">
		<div class="flex items-center justify-between pt-1 mb-4">
			<div class="flex items-end flex-nowrap">
				<div class="bg-[#06c5f9] text-xs leading-[14px] whitespace-nowrap px-1">网格员</div>
				<div class="text-[26px] leading-none px-1 italic">1</div>
				<div class="leading-none">人</div>
			</div>
			<div class="flex items-end flex-nowrap">
				<div class="bg-[#06c5f9] text-xs leading-[14px] whitespace-nowrap px-1">处理事件</div>
				<div class="text-[26px] leading-none px-1 italic">29785</div>
				<div class="leading-none">件</div>
			</div>
		</div>
		<div class="flex flex-col border-[#08c6f9] border-[1px]">
			<div class="flex header bg-[#074aa5] h-[34px] items-center justify-center">
				<div class="flex-1 text-center text-[#08c6f9] text-xs">均时长</div>
				<div class="flex-1 text-center text-[#08c6f9] text-xs">姓名</div>
				<div class="flex-1 text-center text-[#08c6f9] text-xs">事件数</div>
				<div class="flex-1 text-center text-[#08c6f9] text-xs">处理数</div>
				<div class="flex-1 text-center text-[#08c6f9] text-xs">处理率</div>
				<div class="flex-1 text-center text-[#08c6f9] text-xs">反馈率</div>
			</div>
			<div class="flex header leading-[26px]">
				<div class="flex-1 text-center text-[#08c6f9] text-xs">0分钟</div>
				<div class="flex-1 text-center text-[#08c6f9] text-xs">吉工</div>
				<div class="flex-1 text-center text-[#08c6f9] text-xs">1</div>
				<div class="flex-1 text-center text-[#08c6f9] text-xs">0</div>
				<div class="flex-1 text-center text-[#08c6f9] text-xs">0.00%</div>
				<div class="flex-1 text-center text-[#08c6f9] text-xs">0.00%</div>
			</div>
		</div>
	</div>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>
.header {
	div + div {
		border-left: 1px solid #2958c1;
	}
}
</style>
